# encoding=utf-8
# 该文档用于生成HTML测试报告，具体内容如下：

def htmlTemplate(trData):
    htmlStr=u'''<!DOCTYPE HTML>
    <html>
    <head>
    <title>单元测试报告</title>
    <style>
    body{
        width:80%; /*整个body区域占浏览器的宽度百分比*/
        margin:40px auto; /*整个body区域相对浏览器窗口摆放的位置（左右，上下）*/
        font-weight:bold; /*整个body区域的字体加粗*/
        font-family:'trebuchet MS','Lucida sans',SimSun; /*表格中文字的字体类型*/
        font-size:18px; /*表格中文字字体大小*/
        color:#000; /*整个body区域字体的颜色*/
    }
    table{
        *border-collapse:collapse;/*合并表格边框*/
        border-spacing:0;   /*表格的边框宽度*/
        with:100%;  /*整个表格相对父元素的宽度*/
    }
    .tableStyle tr:hover{
        background:rgb(173,216,230); /*鼠标滑过一行时，动态显示的颜色*/
    }
    
    .tableStyle td,.tableStyle th{
        border-left:solid 1px rgb(146,208,80); /*表格竖线颜色*/
        border-top:1px solid rgb(146,208,80); /*表格横线颜色*/
        padding:15px; /*表格内边框尺寸*/
        text-align:center; /*表格内容显示位置*/
    }
    .tableStyle th{
        padding:15px; /*表格标题栏，字体的尺寸*/
        background-color:rgb(146,208,80);/*表格标题栏背景颜色*/
        /*表格标题栏设置渐变颜色*/
        background-image:-webkit-gradient(linear,left top,left bottom,from(#92D050),to (#A2D668));
        /*rgb(146,208,80)*/
    }
    </style>
    </head>
    <body>
        <center><h1>      测试报告</h1></center><br/>
        <table class="tableStyle">
            <thead>
            <tr>
            <th>Search Words</th>
            <th>Assert Words</th>
            <th>Start Time</th>
            <th>waste Time</th>
            <th>Status</th>
            </tr>
            </thead>'''
    endStr=u'''
        </table>
    </body>
    </html>'''

    #拼接完整的测试报告HTML页面代码
    html=htmlStr+trData+endStr
    print html
    #生成.html文件.
    with open("ReportTemplate","w") as fp:
        fp.write(html.encode("gbk"))